<!--自定义按钮组件-->
<template>
  <div>
    <input type="button" class="button" v-bind:value="value" v-on:click="$emit('click')"/>
  </div>
</template>

<script>
export default {
  name: "m-button",
  props:["value"]
}
</script>

<style scoped>

.button {
  width: 240px;
  height: 38px;
  /*宽度包括padding*/
  box-sizing: border-box;
  border: 0;
  border-radius: 5px;
  color: white;
  background-color: #20A0EF;
}

.button:hover {
  background-color: #20A0EFAA;
}

/*按钮按下时样式*/
.button:active {
  background-color: #20A0EF;
}
</style>